 body, 
 div, 
 p, 
 span, 
 ul, 
 li, 
 a
 {
     margin: 0;
     padding: 0;
 }
 .main{
     width: 1040px;
     height: 1350px;
     margin: auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 .main-top{
     width: 1040px;
     height: 55px;
     background: #ffffff;
     display: flex;
     align-items: center;
     justify-content: space-around;
     font-size: 15px;

     border-radius: 6px;
     box-shadow:0 0 6px #e3e3e3;
 }
 .main-tops1{
     width: 120px;
     height: 23px;
     font-size: 16px;
     display: flex;
     justify-content: space-around;
     align-items: center;
     color: #666;
 }
 .main-tops1-s1{
     width: 32px;
     height: 23px;
 }
 .main-tops1-s2{
     width: 44px;
     height: 15px;
     font-size: 12px;
     color: #bbb;
 }
 .main-tops2{
     width: 780px;
     height: 20px;
     display: flex;
     justify-content: flex-end;
     font-size: 11px;
 }
 .main-tops2-s1{
     width: 234px;
     color: #bbb;
 }
 .main-tops2-s2{
     width: 92px;
 }
 .main-tops3{
     width: 64px;
     height: 27px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 12px;
 }
 .main-tops3-s1{
     width: 32px;
     height: 27px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #ececf5;
 }
 .main-tops3-s2{
     width: 32px;
     height: 27px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #ececf5;
 }
 .main-menu{
     width: 100%;
     height: 60px;
     list-style: none;
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 .main-menu ul{
     width: 128px;
     height: 26px;
     display: inline-block;
     box-shadow: 0 0 6px #e3e3e3;
     border-radius: 4px;
 }
 .main-menu li{
     display: inline-block;
 }
 .main-menu li a{
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
     font-size: 14px;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .active-1{
     width: 62px;
     height: 26px;
     color: #ffffff;
     background: black;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .active-2{
     color: black;
 }
 .bottom{
     width: 1040px;
     height: 1180px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
 }
 .main-bottom-1{
     width: 100%;
     height: 570px;
     background: #f9f9f9;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content:center;
 }
 .bottom-1-s1{
     width: 980px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content:flex-start;
 }
.bottom-1-s1s{
    width: 88px;
    height: 33px;
    font-size: 12px;
    box-shadow: 0 2px 0 rgba(170,170,170,0.1);
    background: #ffffff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottom-1-s2{
    width: 980px;
    height: 500px;
    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bottom-m{
    width: 100%;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.m-s{
    width: 230px;
    height: 110px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.m-s-top{
    width: 200px;
    height: 42px;
    display: flex;
    justify-content: space-around;
    text-decoration: none;
    color: black;
}
.m-icon{
    width: 32px;
    height: 32px;
    border-radius: 32px;
}
.m-text{
    width: 145px;
    display: block;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.m-icon img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 32px;
}
.m-s-center{
    width: 200px;
    height: 16px;
    color: #666666;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 15px;
}
.m-s-bottom{
    width: 180px;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.m-s-b-l{
    font-size: 12px;
    color: #bbb;
    text-decoration: none;
}
.m-s-b-r{
    font-size: 12px;
    color: black;
    text-decoration: none;
}

